<template>
  <view class="box">
    <!-- 历史记录 -->
    <!-- <view class="tou top" :style="'padding-top:' + statusBarHeight1 + 'px'">
			<image class="image1" @click="fanhui" src="https://pic.bangbangtongcheng.com/static/fanhui_bai.png" />历史记录
			<p class="remove" @click="bianji">一键清除</p>
		</view> -->
    <view class="top heads" :style="'padding-top:' + statusBarHeight1 + 'px;' + paddingR">
      <view class="item">
        <view class="" style="width: 123rpx">
          <image
            class="backs"
            src="https://pic.bangbangtongcheng.com/static/fanhui_bai.png"
            @click="fanhui"
          />
        </view>
        <view class="toptitles"> 历史记录 </view>
        <view class="remove" @click="bianji"> 一键清除 </view>
      </view>
    </view>
    <scroll-view
      scroll-x
      style="padding-top: 6rpx"
      class="nav"
      scroll-with-animation
      :scroll-left="scrollLeft"
    >
      <view
        style="
          margin: 0 30rpx;
          background-color: #fff;
          border-radius: 22rpx 22rpx 0 0;
          overflow: hidden;
        "
      >
        <view class="fuTab">
          <view
            class="fuTab_item"
            :class="item.num == TabCur1 ? 'fuTab_item_cur' : ''"
            v-for="(item, index) in list1"
            :key="index"
            @tap="tabSelect1"
            :data-id="item.num"
          >
            {{ item.name }}
          </view>
        </view>
        <view class="lsjl2">
          <view
            class="view"
            :class="item.num == TabCur5 ? 'text-green cur' : ''"
            v-for="(item, index) in list5"
            :key="index"
            @tap="tabSelect5"
            :data-id="item.num"
          >
            {{ item.name }}
          </view>
        </view>
        <view class="lsjl" v-if="TabCur5 == 1">
          <view
            class="view"
            :class="item.num == TabCur ? 'text-green cur' : ''"
            v-for="(item, index) in list"
            :key="index"
            @tap="tabSelect"
            :data-id="item.num"
          >
            {{ item.name }}
            <image
              class="dpTab_item_img"
              src="https://pic.bangbangtongcheng.com/static/xuanzhong.png"
              mode="widthFix"
              v-if="TabCur == item.num"
            />
          </view>
        </view>
        <view class="lsjl" v-else-if="TabCur5 == 2">
          <view
            class="view"
            :class="item.num == TabCur6 ? 'text-green cur' : ''"
            v-for="(item, index) in list6"
            :key="index"
            @tap="tabSelect6"
            :data-id="item.num"
          >
            {{ item.name }}
            <image
              class="dpTab_item_img"
              src="https://pic.bangbangtongcheng.com/static/xuanzhong.png"
              mode="widthFix"
              v-if="TabCur6 == item.num"
            />
          </view>
        </view>
        <view class="lsjl" v-else-if="TabCur5 == 4">
          <view
            class="view"
            :class="item.num == TabCur9 ? 'text-green cur' : ''"
            v-for="(item, index) in list9"
            :key="index"
            @tap="tabSelect9"
            :data-id="item.num"
          >
            {{ item.name }}
            <image
              class="dpTab_item_img"
              src="https://pic.bangbangtongcheng.com/static/xuanzhong.png"
              mode="widthFix"
              v-if="TabCur9 == item.num"
            />
          </view>
        </view>
      </view>
    </scroll-view>
    <scroll-view
      class="list"
      :style="
        'height:calc( 100vh - ' + statusBarHeight1 + 'px - 88rpx - 6rpx - 90rpx - 106rpx - 98rpx)'
      "
      scroll-y
      @scrolltolower="down"
      refresher-background="#f5f5f5"
    >
      <view class="list_1" v-if="TabCur == 1 && TabCur5 == 1">
        <!-- <view class="dpTab" v-if="TabCur1==1">
						<view class="dpTab_item" :class="item.num == TabCur7 ? 'dpTab_item_cur' : ''" v-for="(item, index) in list7"
							:key="index" @tap="tabSelect7" :data-id="item.num">
							{{ item.name }}
							<image class="dpTab_item_img" src="https://pic.bangbangtongcheng.com/static/xuanzhong.png" mode="widthFix"
								v-if="TabCur7 == item.num" />
						</view>
					</view> -->
        <view class="li" v-for="(item, index) in Recommend" :key="index" @click="details(item, 1)">
          <image
            class="bgimage"
            mode="aspectFit"
            :src="item.displayDiagram ? item.displayDiagram : item.houseImage.split('|')[0]"
          />
          <img
            class="shangb"
            src="https://pic.bangbangtongcheng.com/318a1d5fb5824c98818fc6caefa3dce3"
            v-if="item.delFlag == 1"
          />
          <img
            class="shangb"
            src="https://pic.bangbangtongcheng.com/3f01f28dceb6432996f5d833a0f1eca0"
            v-else-if="item.status == 1 && item.transactionType == 2"
          />
          <img
            class="shangb"
            src="https://pic.bangbangtongcheng.com/4b22965fc260405dbd08d500ec878283"
            v-else-if="item.status == 1 && item.transactionType == 1"
          />
          <img
            class="shangb"
            src="https://pic.bangbangtongcheng.com/cd7976b5de9e42bd8f51fff615f8a9e8"
            v-else-if="item.status == 0 && item.upStatus == 1"
          />
          <img
            class="shangb"
            src="https://pic.bangbangtongcheng.com/c528d690f47944849578078ef17b1165"
            v-else-if="item.upStatus == 0"
          />
          <view class="li_1">
            <view class="tit">
              <span class="tagLabel">{{
                item.transactionType == 1 ? '出租房' : item.newOld == 1 ? '新房' : '二手房'
              }}</span>
              {{ item.title }}
            </view>
            <view class="neirong_1">
              <view class="neir_css">{{ item.region }}</view>
            </view>
            <view class="neirong_1">
              <view class="neir_css">{{ item.houseType || '' }}</view>
            </view>
            <view class="neirong_1">
              <view class="price neir_css" v-if="item.transactionType == 2"
                >{{ item.price }}万</view
              >
              <view class="price neir_css" v-if="item.transactionType == 1 && item.price <= 10000"
                >{{ item.price }}元</view
              >
              <view class="price neir_css" v-if="item.transactionType == 1 && item.price > 10000"
                >{{ item.price / 10000 }}万元</view
              >
              <view class="neir_css" style>{{ item.AREA || item.area }}㎡</view>
            </view>
          </view>
        </view>
      </view>
      <view class="list_2" v-if="TabCur6 == 1 && TabCur5 == 2">
        <!-- <view class="dpTab" v-if="TabCur1==1">
						<view class="dpTab_item" :class="item.num == TabCur4 ? 'dpTab_item_cur' : ''" v-for="(item, index) in list4"
							:key="index" @tap="tabSelect4" :data-id="item.num">
							{{ item.name }}
							<image class="dpTab_item_img" src="https://pic.bangbangtongcheng.com/static/xuanzhong.png" mode="widthFix"
								v-if="TabCur4 == item.num" />
						</view>
					</view> -->
        <view class="li" v-for="(item, index) in Recommend" :key="index" @click="details(item, 6)">
          <image class="bgimage" mode="aspectFit" :src="item.vehicleCoverPicture" />
          <view class="li_cy" :style="'width: ' + width + 'rpx'">
            <view class="li_cy_title">
              <span class="tagLabel">{{
                item.vehicleType == 1 ? '到店新车' : item.vehicleType == 2 ? '二手车' : '在售车系'
              }}</span>
              <text>{{ item.title }}</text>
              <!-- <span v-if="item.vehicleType==2">{{item.vehicleBrandModel.split('|')[0] + ' '}} {{item.vehicleBrandModel.split('|')[1]?item.vehicleBrandModel.split('|')[1] + "/":"/"}} {{item.mileage<10000?item.mileage+"公里/":(item.mileage/10000).toFixed(1)+"万公里/"}} {{item.licensingTimeYear}}</span>
								<span v-else>{{item.vehicleBrandModel.split('|')[0] + ' '}} {{item.vehicleBrandModel.split('|')[1]?item.vehicleBrandModel.split('|')[1] + "/":"/"}} {{item.model?item.model+'/':""}} {{item.bodyStructureDoors+"门"+item.bodyStructureSeat+"座"+item.bodyStructureVehicle+"车"}}</span> -->
            </view>
            <view class="li_cy_price" v-if="item.vehicleType != 3"> {{ item.price }}万 </view>
            <view class="li_cy_price" v-else> {{ item.intervalPrice }}万 </view>
            <view class="li_cy_time">
              {{
                item.createDate.split(' ')[0].split('-')[0] +
                '年' +
                item.createDate.split(' ')[0].split('-')[1] +
                '月' +
                item.createDate.split(' ')[0].split('-')[2] +
                '日'
              }}
            </view>
          </view>
        </view>
      </view>
      <view v-if="TabCur6 == 2 && TabCur5 == 2">
        <!-- <view class="dpTab" v-if="TabCur1 == 1">
						<view class="dpTab_item" :class="item.num == TabCur2 ? 'dpTab_item_cur' : ''" v-for="(item, index) in list2"
							:key="index" @tap="tabSelect2" :data-id="item.num">
							{{ item.name }}
							<image class="dpTab_item_img" src="https://pic.bangbangtongcheng.com/static/xuanzhong.png" mode="widthFix"
								v-if="TabCur2 == item.num" />
						</view>
					</view> -->
        <view class="list_2">
          <view
            class="li"
            v-for="(item, index) in Recommend"
            :key="index"
            @click="details(item, 7)"
          >
            <image class="bgimage" mode="aspectFit" :src="item.storeCoverImage" />
            <img
              class="shangb"
              src="https://pic.bangbangtongcheng.com/static/yzx.png"
              v-if="item.isDelUser == 0"
            />
            <view class="li_cy" :style="'width: ' + width + 'rpx'">
              <view class="li_cy_title">
                {{ item.storeName }}
              </view>
              <view class="li_cy_address">
                {{ item.officeAddress }}
              </view>
              <view class="li_cy_gz"> </view>
            </view>
          </view>
        </view>
      </view>
      <view v-if="TabCur6 == 4 && TabCur5 == 2">
        <view class="list_2">
          <view
            class="li"
            v-for="(item, index) in Recommend"
            :key="index"
            @click="details(item, 9)"
          >
            <image class="bgimage" mode="aspectFit" :src="item.coverPhoto" />
            <img
              class="shangb"
              src="https://pic.bangbangtongcheng.com/static/yzx.png"
              v-if="item.isDelUser == 0"
            />
            <view class="li_fw" :style="'width: ' + width + 'rpx'">
              <view class="servicesAvailable">{{ item.title }}</view>
              <view class="serviceContent">
                {{ item.entryDescription }}
              </view>
            </view>
          </view>
        </view>
      </view>
      <view class="list_3" v-if="(TabCur6 == 3 && TabCur5 == 2) || (TabCur == 3 && TabCur5 == 1)">
        <!-- <view class="dpTab" v-if="TabCur1 == 1 && TabCur5==2">
						<view class="dpTab_item" :class="item.num == TabCur3 ? 'dpTab_item_cur' : ''" v-for="(item, index) in list3"
							:key="index" @tap="tabSelect3" :data-id="item.num">
							{{ item.name }}
							<image class="dpTab_item_img" src="https://pic.bangbangtongcheng.com/static/xuanzhong.png" mode="widthFix"
								v-if="TabCur3 == item.num" />
						</view>
					</view>
					<view class="dpTab" v-else-if="TabCur1 == 1 && TabCur5==1">
						<view class="dpTab_item" :class="item.num == TabCur8 ? 'dpTab_item_cur' : ''" v-for="(item, index) in list8"
							:key="index" @tap="tabSelect8" :data-id="item.num">
							{{ item.name }}
							<image class="dpTab_item_img" src="https://pic.bangbangtongcheng.com/static/xuanzhong.png" mode="widthFix"
								v-if="TabCur8 == item.num" />
						</view>
					</view> -->
        <view
          class="mingpian"
          @click="details(item, 3)"
          v-for="(item, index) in Recommend"
          :key="index"
        >
          <view class="name">{{ item.userName || item.nikeName || '未命名用户' }}</view>
          <image class="img1" v-if="item.image" :src="item.image" />
          <image class="img1" v-else src="https://pic.bangbangtongcheng.com/static/my/header.png" />
          <view class="img2">{{ item.isAgent == 1 ? '经纪人' : '个人' }}</view>
          <view class="xin">
            <image
              class="img3"
              v-for="item1 in Number(item.score)"
              :key="item1 + 's'"
              src="https://pic.bangbangtongcheng.com/static/xin_liang.png"
            />
            <image
              class="img3"
              v-for="item1 in 5 - item.score"
              :key="item1 + 'y'"
              src="https://pic.bangbangtongcheng.com/static/xin_hui.png"
            />
          </view>
          <view class="mingpian_right">
            <view class="">
              <image
                class="img4"
                @click.stop="chat(item.id, item.userName || item.nikeName, item.image)"
                src="https://pic.bangbangtongcheng.com/static/xiaoxi_lan.png"
              />
              <image
                class="img5"
                @click.stop="getPhone(item.phone, item.id)"
                src="https://pic.bangbangtongcheng.com/static/dianhua_lan.png"
              />
            </view>
            <view class="mingpian_right_bottom"> </view>
          </view>
        </view>
      </view>
      <view class="list_2" v-if="TabCur5 == 3">
        <view class="li" v-for="(item, index) in Recommend" :key="index" @click="details(item, 8)">
          <view class="circle">
            <view class="circle_item" :style="'width: ' + (width + 324) + 'rpx'">
              <view class="mingpians">
                <view class="mingpians_left">
                  <view class="headPortrait" @click.stop="userfy(item)">
                    <image
                      class="img1"
                      v-if="!item.userInfo.image"
                      src="https://pic.bangbangtongcheng.com/static/my/header.png"
                    />
                    <image class="img1" :src="item.userInfo.image" v-else />
                    <view class="img2" v-if="item.userInfo.isShop == 1">商家</view>
                    <view class="img2" v-else-if="item.userInfo.enterpriseRecruitmentStatus == 1">企业</view>
                    <view
                      class="img2"
                      v-else-if="item.userInfo.isShop == 0 && item.userInfo.isAgent == 1"
                      >经纪人</view
                    >
                    <view class="img2" v-else>个人</view>
                  </view>
                  <view class="counselors">
                    <view class="counselors_top">
                      <view class="name">{{ item.userInfo.nikeName || '未命名用户' }}</view>
                    </view>
                  </view>
                </view>
                <view class="mingpians_right">
                  <!-- <view class="item">
											<image class="image1" v-if="item.whetherCollection==0" src="https://pic.bangbangtongcheng.com/static/bbcz/guanzhu.png"
												mode=""></image>
											<image v-else class="image1" src="https://pic.bangbangtongcheng.com/static/bbcz/guanzhu01.png" mode=""></image>
											<view class="">
												{{item.whetherCollection==0?"关注":"已关注"}}
											</view>
										</view> -->
                </view>
              </view>
              <view class="circle_center_wz">
                <view class="circle_center_wz_text">
                  {{ item.content }}
                </view>
                <view class="circle_center_wz_img">
                  <!-- 发布为图片 -->
                  <template v-if="item.picture">
                    <view v-if="item.pictureArr.length == 1">
                      <image
                        class="circle_center_wz_imgss"
                        :src="item.pictureArr[0]"
                        @click.stop="ViewImage(item.pictureArr, item.pictureArr[0])"
                        mode="heightFix"
                      ></image>
                    </view>
                    <view
                      :class="
                        item.pictureArr.length > 2
                          ? 'circle_center_wz_imgss_d'
                          : 'circle_center_wz_imgss_ds'
                      "
                      v-else
                    >
                      <image
                        class="image"
                        v-for="(i, j) in item.pictureArr"
                        :src="i"
                        :key="j"
                        mode="aspectFill"
                        @click.stop="ViewImage(item.pictureArr, item.pictureArr[j])"
                      ></image>
                    </view>
                  </template>
                  <!-- 发布为视频 -->
                  <template v-if="item.video">
                    <view class="circle_center_wz_img_vid" @click.stop="videoClick(item.video)">
                      <image
                        style="max-height: 290rpx; width: 100%"
                        :src="item.video + '?vframe/jpg/offset/0'"
                        mode="heightFix"
                      >
                      </image>
                      <image
                        class="images"
                        src="https://pic.bangbangtongcheng.com/static/bbcz/mdlb-sp01.png"
                        mode=""
                      ></image
                      ><strong></strong>
                    </view>
                  </template>
                </view>
              </view>
              <view
                style="display: flex; align-items: center; margin: 0 30rpx; margin-top: 20rpx"
                @click.stop="openMap(item)"
                v-if="item.detailedAddress"
              >
                <image
                  style="width: 40rpx; height: 40rpx"
                  src="https://pic.bangbangtongcheng.com/static/bbcz/dingwei01.png"
                  mode=""
                ></image>
                <span
                  style="flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis"
                  >{{ item.detailedAddress.slice(3, item.detailedAddress.length) }}</span
                >
              </view>
              <view class="circle_bottom">
                <view class="circle_left" v-if="width == 290">
                  {{
                    item.createDate.split(' ')[0].split('-')[0] +
                    '年' +
                    item.createDate.split(' ')[0].split('-')[1] +
                    '月' +
                    item.createDate.split(' ')[0].split('-')[2] +
                    '日'
                  }}
                </view>
                <view class="circle_left" v-else>
                  {{
                    item.createDate.split(' ')[0].split('-')[0] +
                    '年' +
                    item.createDate.split(' ')[0].split('-')[1] +
                    '月' +
                    item.createDate.split(' ')[0].split('-')[2] +
                    '日 ' +
                    item.createDate.split(' ')[1]
                  }}
                </view>
                <view class="circle_right">
                  <view class="circle_right_item">
                    <image
                      class="image2"
                      src="https://pic.bangbangtongcheng.com/static/bbcz/eye01.png"
                      mode=""
                    ></image
                    >{{ item.views }}
                  </view>
                  <view class="circle_right_item">
                    <image
                      class="image3"
                      src="https://pic.bangbangtongcheng.com/static/bbcz/dz01.png"
                      mode=""
                      v-if="item.whetherThumbsUp != 1"
                    ></image>
                    <image
                      class="image3"
                      src="https://pic.bangbangtongcheng.com/static/dz01.png"
                      mode=""
                      v-else
                    ></image>
                    {{ item.upThumb || 0 }}
                  </view>
                  <view class="circle_right_item">
                    <image
                      class="image3"
                      style="width: 38rpx; height: 36rpx"
                      src="https://pic.bangbangtongcheng.com/static/bbcz/dc01.png"
                      mode=""
                      v-if="item.whetherThumbsDown != 1"
                    ></image>
                    <image
                      class="image3"
                      style="width: 38rpx; height: 36rpx"
                      src="https://pic.bangbangtongcheng.com/static/bbcz/dc02.png"
                      mode=""
                      v-else
                    ></image>
                    {{ item.downThumb || 0 }}
                  </view>
                  <view class="circle_right_item">
                    <image
                      class="image4"
                      src="https://pic.bangbangtongcheng.com/static/bbcz/zf01.png"
                      mode=""
                    ></image
                    >{{ item.forwardingVolume || 0 }}
                  </view>
                </view>
              </view>
            </view>
          </view>
        </view>
      </view>
      <view class="list_1" v-if="TabCur == 2 && TabCur5 == 1">
        <view class="li" v-for="(item, index) in Recommend" :key="index" @click="details(item, 2)">
          <image class="image" mode="aspectFit" :src="imgUrl + item.image" />
          <view class="li_1">
            <view class="tit">{{ item.shopName }}</view>
            <view class="jiedao">地址：{{ item.shopAddress }}</view>
            <view class="shijian">
              <span style="margin-right: 24rpx; color: red; font-size: 36rpx; font-weight: 600"
                >{{ item.houseNum || 0 }}套</span
              >
            </view>
          </view>
        </view>
      </view>
      <view
        class="list_1"
        v-if="
          (TabCur1 == 1 && TabCur == 5 && TabCur5 == 1) ||
          (TabCur1 == 2 && TabCur == 5 && TabCur5 == 1)
        "
      >
        <view class="li" v-for="(item, index) in Recommend" :key="index" @click="details(item, 5)">
          <image class="bgimage" :src="item.showImg" mode="aspectFit" />
          <image
            class="shangb"
            src="https://pic.bangbangtongcheng.com/static/zai.png"
            v-show="item.isOpen == 1"
          />
          <image
            class="shangb"
            src="https://pic.bangbangtongcheng.com/static/wei.png"
            v-show="item.isOpen == 0"
          />
          <view class="li_1">
            <view class="tit">{{ item.title }}</view>
            <view class="jiedao">地址：{{ item.address }}</view>
            <view class="shijian">
              <span>均价：</span>
              <span
                style="margin-right: 24rpx; color: red; font-size: 36rpx; font-weight: 600"
                v-if="item.averagePrice >= 10000"
                >{{ (item.averagePrice / 10000) | nums }}万/㎡</span
              >
              <span
                style="margin-right: 24rpx; color: red; font-size: 36rpx; font-weight: 600"
                v-if="isNaN(item.averagePrice)"
                >{{ item.averagePrice }}</span
              >
              <span
                style="margin-right: 24rpx; color: red; font-size: 36rpx; font-weight: 600"
                v-if="item.averagePrice < 10000"
                >{{ item.averagePrice }}元/㎡</span
              >
            </view>
          </view>
        </view>
      </view>
      <view class="list_1" v-if="TabCur5 == 4 && TabCur9 == 1 && TabCur1 == 1">
        <view
          class="vacancy"
          v-for="(item, index) in Recommend"
          :key="index"
          @click="details(item, 10)"
        >
          <view class="tips">
            {{ item.createDate.split(' ')[0] }}
          </view>
          <view class="vehicleRecom">
            <span class="tagLabel">{{ item.recruitmentType == 1 ? '全职' : '兼职' }}</span>
            <span>{{ item.title }}</span>
          </view>
          <view class="vacancy_center">
            <view class="vacancy_status">
              <span>{{ item.region }}</span>
              <span>{{ item.positionCategory }}</span>
            </view>
            <view class="vacancy_price" v-if="item.recruitmentType == 1">{{
              item.salaryRange == '面议' ? '面议' : item.salaryRange + '元'
            }}</view>
            <view class="vacancy_price" v-else
              >{{ item.salaryRange.split(',').join('') }}&emsp;{{ item.settlementMethod }}</view
            >
          </view>
          <view class="vacancy_biaoq" v-if="item.fringeBenefits">
            <view class="vacancy_label">
              <view class="shade"> </view>
              <view class="label" v-for="(i, j) in item.fringeBenefits.split(',')" :key="j">{{
                i
              }}</view>
            </view>
            <view class="gend" v-if="item.fringeBenefits.split(',').length > 4"> 更多> </view>
          </view>
          <view class="personalInformation" v-if="item.userInformation">
            <view class="personalInformation_left">
              <view class="GR">
                <image
                  class="personalInformation_image"
                  v-if="item.userInformation.image"
                  :src="item.userInformation.image"
                  mode=""
                ></image>
                <image
                  class="personalInformation_image"
                  v-else
                  src="https://pic.bangbangtongcheng.com/static/my/header.png"
                  mode=""
                ></image>
                <span class="name">{{
                  item.userInformation.nikeName ? item.userInformation.nikeName : '未命名用户'
                }}</span>
              </view>
              <view class="GS" v-if="item.enterpriseName">
                <view class="personalInformation_image"></view>
                <span class="corporation">{{ item.enterpriseName }}</span>
              </view>
            </view>
            <view class="personalInformation_right">
              <span class="personalInformation_Time">{{ $Time.getDateDiff(item.createDate) }}</span>
              <span class="personalInformation_distance" v-if="item.distance"
                >{{ item.distance }}km</span
              >
            </view>
          </view>
        </view>
      </view>
      <view class="list_1" v-if="TabCur5 == 4 && TabCur9 == 1 && TabCur1 == 2">
        <view
          class="vacancy"
          v-for="(item, index) in Recommend"
          :key="index"
          @click="details(item, 11)"
        >
          <view class="tips">
            {{ item.recruitmentInformationDTO.createDate.split(' ')[0] }}
          </view>
          <view class="vehicleRecom">
            <span class="tagLabel">{{
              item.recruitmentInformationDTO.recruitmentType == 1 ? '全职' : '兼职'
            }}</span>
            <span>{{ item.recruitmentInformationDTO.title }}</span>
          </view>
          <view class="vacancy_center">
            <view class="vacancy_status">
              <span>{{ item.recruitmentInformationDTO.region }}</span>
              <span>{{ item.recruitmentInformationDTO.positionCategory }}</span>
            </view>
            <view
              class="vacancy_price"
              v-if="item.recruitmentInformationDTO.recruitmentType == 1"
              >{{
                item.recruitmentInformationDTO.salaryRange == '面议'
                  ? '面议'
                  : item.recruitmentInformationDTO.salaryRange + '元'
              }}</view
            >
            <view class="vacancy_price" v-else
              >{{ item.recruitmentInformationDTO.salaryRange.split(',').join('') }}&emsp;{{
                item.recruitmentInformationDTO.settlementMethod
              }}</view
            >
          </view>
          <view class="vacancy_biaoq" v-if="item.recruitmentInformationDTO.fringeBenefits">
            <view class="vacancy_label">
              <view class="shade"> </view>
              <view
                class="label"
                v-for="(i, j) in item.recruitmentInformationDTO.fringeBenefits.split(',')"
                :key="j"
                >{{ i }}</view
              >
            </view>
            <view
              class="gend"
              v-if="item.recruitmentInformationDTO.fringeBenefits.split(',').length > 4"
            >
              更多>
            </view>
          </view>
          <view class="personalInformation" v-if="item.biographicalNotesDTO.userInformation">
            <view class="personalInformation_left">
              <view class="GR">
                <image
                  class="personalInformation_image"
                  v-if="item.biographicalNotesDTO.userInformation.image"
                  :src="item.biographicalNotesDTO.userInformation.image"
                  mode=""
                ></image>
                <image
                  class="personalInformation_image"
                  v-else
                  src="https://pic.bangbangtongcheng.com/static/my/header.png"
                  mode=""
                ></image>
                <span class="name">{{
                  item.biographicalNotesDTO.userInformation.nikeName
                    ? item.biographicalNotesDTO.userInformation.nikeName
                    : '未命名用户'
                }}</span>
              </view>
              <view class="GS" v-if="item.recruitmentInformationDTO.enterpriseName">
                <view class="personalInformation_image"></view>
                <span class="corporation">{{ item.recruitmentInformationDTO.enterpriseName }}</span>
              </view>
            </view>
            <view class="personalInformation_right">
              <span class="personalInformation_Time">{{
                $Time.getDateDiff(item.recruitmentInformationDTO.createDate)
              }}</span>
              <span class="personalInformation_distance" v-if="item.distance"
                >{{ item.recruitmentInformationDTO.distance }}km</span
              >
            </view>
          </view>
        </view>
      </view>
      <view class="list_1" v-if="TabCur5 == 4 && TabCur9 == 2 && TabCur1 == 1">
        <view
          class="resume"
          v-for="item in Recommend"
          :key="item.id"
          @click="details(item, 12)"
        >
          <view class="resumeTop">
            <view class="avatar">
              <!-- 全部可见 -->
              <template v-if="item.visibleRange == '1'">
                <image
                  :src="item.myPhoto || 'https://pic.bangbangtongcheng.com/static/my/header.png'"
                  mode="aspectFill"
                  :style="{ filter: curUserIdentityType == null || (curUserIdentityType === 'PERSONAL' && curUserAuditStatus !== '1') ? 'blur(20rpx)' : '' }"
                ></image>
              </template>
              <!-- 企业可见 -->
              <template v-if="item.visibleRange == '2'">
                <image
                  :src="item.myPhoto || 'https://pic.bangbangtongcheng.com/static/my/header.png'"
                  mode="aspectFill"
                  :style="{
                    filter:
                      curUserIdentityType == null ||
                      curUserIdentityType === 'PERSONAL' ||
                      curUserIdentityType == 'HOUSE_BROKER' ||
                      curUserIdentityType == 'CAR_BROKER_CAR_SALES_CONSULTANT'
                        ? 'blur(20rpx)'
                        : '',
                  }"
                ></image>
              </template>
            </view>
            <view class="resumeInfo">
              <view class="nameInfo">
                <span class="realName">{{ item.name }}</span>
                <span v-if="item.age">{{ item.age ? item.age + '岁' : '' }}</span>
                <span v-if="item.highestEducation">{{
                  item.highestEducation ? '学历：' + item.highestEducation : ''
                }}</span>
                <span v-if="item.experienceYears">{{
                  item.experienceYears ? '工作经验：' + item.experienceYears : ''
                }}</span>
              </view>
              <view class="vacancy_biaoq2">
                <view class="vacancy_label" v-if="item.intendedPosition">
                  期望工作：
                  <view class="shade"> </view>
                  <view
                    class="label"
                    v-for="(i, j) in getIntendedPosition(item.intendedPosition)"
                    :key="j"
                  >
                    {{ i }}
                  </view>
                </view>
                <view class="vacancy_label" v-else> 期望工作： </view>
                <view
                  class="gend"
                  v-if="item.intendedPosition && item.intendedPosition.split(',').length > 1"
                >
                  <image
                    src="https://pic.bangbangtongcheng.com/static/index-gradient-right-%20arrow.png"
                  >
                  </image>
                </view>
              </view>
            </view>
          </view>
          <view class="resumeBottom"> 自我介绍：{{ item.introduction || '' }} </view>
          <!-- <view class="tips" v-if="item.createDate">
            {{ item.createDate.split(' ')[0] }}
          </view>
          <view class="title">{{ item.resumeTitle }}</view>
          <view class="occupation">
            <span
              class="occupation_text"
              :key="index1"
              v-for="(item1, index1) in item.intendedPosition.split(',')"
              >{{ item1 }}</span
            >
          </view>
          <view class="hands-on">
            <span>{{ item.experienceYears }}工作经验·</span>
            <span v-if="item.highestEducation">{{ item.highestEducation.split(' ')[0] }}</span>
          </view>
          <view class="individual" v-if="item.userInformation">
            <view class="individual_left">
              <view class="name">
                {{ item.userInformation.nikeName || '未命名用户' }}
              </view>
              <text
                class="vip-rank"
                :style="{
                  color: $member.colors()[item.userInformation.memberLevel - 1].wordColor,
                  backgroundColor: $member.colors()[item.userInformation.memberLevel - 1].bgColor,
                  borderColor: $member.colors()[item.userInformation.memberLevel - 1].lineColor,
                }"
              >
                {{ $member.colors()[item.userInformation.memberLevel - 1].level }}
              </text>
            </view>
            <view v-if="item.latitude && item.distance" class="individual_right">
              {{ item.distance }}km
            </view>
          </view> -->
        </view>
      </view>
      <view class="list_1" v-if="TabCur5 == 4 && TabCur9 == 2 && TabCur1 == 2">
        <view
          class="resume"
          v-for="item in Recommend"
          :key="item.id"
          @click="details(item, 13)"
        >
          <view class="resumeTop">
            <view class="avatar">
              <!-- 全部可见 -->
              <template v-if="item.biographicalNotesDTO.visibleRange == '1'">
                <image
                  :src="
                    item.biographicalNotesDTO.myPhoto ||
                    'https://pic.bangbangtongcheng.com/static/my/header.png'
                  "
                  mode="aspectFill"
                  :style="{ filter: curUserIdentityType == null ? 'blur(20rpx)' : '' }"
                ></image>
              </template>
              <!-- 企业可见 -->
              <template v-if="item.biographicalNotesDTO.visibleRange == '2'">
                <image
                  :src="
                    item.biographicalNotesDTO.myPhoto ||
                    'https://pic.bangbangtongcheng.com/static/my/header.png'
                  "
                  mode="aspectFill"
                  :style="{
                    filter:
                      curUserIdentityType == null ||
                      curUserIdentityType === 'PERSONAL' ||
                      curUserIdentityType == 'HOUSE_BROKER' ||
                      curUserIdentityType == 'CAR_BROKER_CAR_SALES_CONSULTANT'
                        ? 'blur(20rpx)'
                        : '',
                  }"
                ></image>
              </template>
            </view>
            <view class="resumeInfo">
              <view class="nameInfo">
                <span class="realName">{{ item.biographicalNotesDTO.name }}</span>
                <span v-if="item.biographicalNotesDTO.age">{{
                  item.biographicalNotesDTO.age ? item.biographicalNotesDTO.age + '岁' : ''
                }}</span>
                <span v-if="item.biographicalNotesDTO.highestEducation">{{
                  item.biographicalNotesDTO.highestEducation
                    ? '学历：' + item.biographicalNotesDTO.highestEducation
                    : ''
                }}</span>
                <span v-if="item.biographicalNotesDTO.experienceYears">{{
                  item.biographicalNotesDTO.experienceYears
                    ? '工作经验：' + item.biographicalNotesDTO.experienceYears
                    : ''
                }}</span>
              </view>
              <view class="vacancy_biaoq2">
                <view class="vacancy_label" v-if="item.biographicalNotesDTO.intendedPosition">
                  期望工作：
                  <view class="shade"> </view>
                  <view
                    class="label"
                    v-for="(i, j) in getIntendedPosition(
                      item.biographicalNotesDTO.intendedPosition
                    )"
                    :key="j"
                  >
                    {{ i }}
                  </view>
                </view>
                <view class="vacancy_label" v-else> 期望工作： </view>
                <view
                  class="gend"
                  v-if="
                    item.biographicalNotesDTO.intendedPosition &&
                    item.biographicalNotesDTO.intendedPosition.split(',').length > 1
                  "
                >
                  <image
                    src="https://pic.bangbangtongcheng.com/static/index-gradient-right-%20arrow.png"
                  >
                  </image>
                </view>
              </view>
            </view>
          </view>
          <view class="resumeBottom">
            自我介绍：{{ item.biographicalNotesDTO.introduction || '' }}
          </view>
          <!-- <view class="tips" v-if="item.biographicalNotesDTO.createDate">
            {{ item.biographicalNotesDTO.createDate.split(' ')[0] }}
          </view>
          <view class="title">{{ item.biographicalNotesDTO.resumeTitle }}</view>
          <view class="occupation">
            <span>{{ item.biographicalNotesDTO.intendedPosition }}</span>
          </view>
          <view class="hands-on">
            <span>{{ item.biographicalNotesDTO.experienceYears }}工作经验·</span>
            <span v-if="item.biographicalNotesDTO.highestEducation">{{
              item.biographicalNotesDTO.highestEducation.split(' ')[0]
            }}</span>
          </view>
          <view class="individual" v-if="item.recruitmentInformationDTO.userInformation">
            <view class="individual_left">
              <view class="name">
                {{ item.recruitmentInformationDTO.userInformation.nikeName || '未命名用户' }}
              </view>
              <text
                class="vip-rank"
                :style="{
                  color:
                    $member.colors()[item.recruitmentInformationDTO.userInformation.memberLevel - 1]
                      .wordColor,
                  backgroundColor:
                    $member.colors()[item.recruitmentInformationDTO.userInformation.memberLevel - 1]
                      .bgColor,
                  borderColor:
                    $member.colors()[item.recruitmentInformationDTO.userInformation.memberLevel - 1]
                      .lineColor,
                }"
              >
                {{
                  $member.colors()[item.recruitmentInformationDTO.userInformation.memberLevel - 1]
                    .level
                }}
              </text>
            </view>
            <view
              v-if="item.biographicalNotesDTO.distance && item.biographicalNotesDTO.latitude"
              class="individual_right"
            >
              {{ item.biographicalNotesDTO.distance }}km
            </view>
          </view> -->
        </view>
      </view>
      <view v-if="Recommend.length == 0" class="none">
        <image src="https://pic.bangbangtongcheng.com/static/none.png" mode="widthFix" />
        <view>没有更多数据了</view>
      </view>
    </scroll-view>
    <view class="zbc" v-if="zbc" @click="zbc = !zbc">
      <view class="shangjia" @click.stop="a" v-if="shangjia">
        <view class="li_1" v-if="TabCur1 == 1">确定要清除浏览记录吗？</view>
        <view class="li_1" v-if="TabCur1 == 2">确定要清除拨打记录吗？</view>
        <view class="li_2" @click="quxiao">取消</view>
        <view class="li_3" @click="eliminate">确定</view>
      </view>
    </view>
    <uniBall></uniBall>
  </view>
</template>
<script>
  import permision from '@/js_sdk/wa-permission/permission.js'
  import { mapGetters } from 'vuex'
  let statusBarHeight
  //#ifdef H5
  import wxshare from '../utils/index.js'
  statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 10 + 44
  //#endif
  // #ifdef APP-PLUS
  statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 10 + 44
  //  #endif
  // #ifdef MP-WEIXIN
  statusBarHeight = 96
  //  #endif
  import previewImgV from '@/components/previewImgV.vue'
  export default {
    computed: {
      ...mapGetters(['statusBarHeight1', 'userinfo']),
    },
    data() {
      const pr = this.$menuBtnInfo.pr ? `padding-right: ${this.$menuBtnInfo.pr + 5}px` : '';
      return {
        paddingR: pr,
        width: 366,
        TabCur: 1,
        zbc: false,
        shangjia: false,
        statusBarHeight,
        list: [
          {
            num: 1,
            name: '房源',
          },
          {
            num: 2,
            name: '店铺',
          },
          {
            num: 3,
            name: '用户',
          },
          {
            num: 5,
            name: '楼盘',
          },
        ],
        list6: [
          {
            num: 1,
            name: '车源',
          },
          {
            num: 2,
            name: '店铺',
          },
          {
            num: 4,
            name: '服务项目',
          },
          {
            num: 3,
            name: '用户',
          },
        ],
        list7: [
          {
            num: 1,
            name: '全部',
          },
          {
            num: 2,
            name: '新房',
          },
          {
            num: 3,
            name: '二手房',
          },
          {
            num: 4,
            name: '出租房',
          },
        ],
        list1: [
          {
            num: 1,
            name: '浏览记录',
          },
          {
            num: 2,
            name: '拨打记录',
          },
        ],
        list5: [
          {
            num: 1,
            name: '房产',
          },
          {
            num: 2,
            name: '车主',
          },
          {
            num: 4,
            name: '招聘',
          },
          {
            num: 3,
            name: '帮友圈',
          },
        ],
        list2: [
          {
            num: 1,
            name: '全部',
          },
          {
            num: 2,
            name: '4S店',
          },
          {
            num: 3,
            name: '汽贸店',
          },
          {
            num: 4,
            name: '美容装饰',
          },
          {
            num: 5,
            name: '汽车维修',
          },
        ],
        list3: [
          {
            num: 1,
            name: '全部',
          },
          {
            num: 2,
            name: '个人用户',
          },
          {
            num: 3,
            name: '经纪人',
          },
        ],
        list8: [
          {
            num: 1,
            name: '全部',
          },
          {
            num: 2,
            name: '个人用户',
          },
          {
            num: 3,
            name: '经纪人',
          },
        ],
        list4: [
          {
            num: 1,
            name: '全部',
          },
          {
            num: 2,
            name: '到店新车',
          },
          {
            num: 3,
            name: '二手车',
          },
          {
            num: 4,
            name: '车系',
          },
        ],
        list9: [
          {
            num: 1,
            name: '职位',
          },
          {
            num: 2,
            name: '简历',
          },
        ],
        scrollLeft: 0,
        userInfo: uni.getStorageSync('Pduser'),
        curUserIdentityType: uni.getStorageSync('curUserIdentityType'), // 当前账号认证类型
        curUserAuditStatus: uni.getStorageSync('curUserAuditStatus'), // 当前账号认证状态
        Recommend: [],
        pageSize: 10,
        pageNo: 1,
        trigger: false,
        downStatus: true,
        upStatus: true,
        imgUrl: this.$imgSrc,
        TabCur1: 1,
        TabCur2: 1,
        TabCur3: 1,
        TabCur4: 1,
        TabCur5: 1,
        TabCur6: 1,
        TabCur7: 1,
        TabCur8: 1,
        TabCur9: 1,
      }
    },
    components: {
      previewImgV: previewImgV,
    },
    filters: {
      nums(val) {
        return val.toFixed(2)
      },
      images(url, that) {
        let arr = url.split('')
        if (arr[0] == '/') {
          return this.imgUrl + url
        } else {
          return url
        }
      },
    },
    onLoad() {
      this.paging()
      /* #ifdef H5 */
      this.jinzhi()
      /* #endif */
    },
    async onPullDownRefresh() {
      this.Recommend = []
      this.pageNo = 1
      this.downStatus = true
      if (this.upStatus) {
        this.trigger = true
        await this.paging()
      }
    },
    methods: {
      async userfy(item) {
        if (!this.showLogin()) {
          return
        }
        let yy = await this.getjjr(item.userInfo.id)
        if (yy.delFlag == 1) return
        if (yy.businessType == 1 && yy.shopType == 2 && yy.isShop == 1) {
          if (!yy.buildingId) {
            uni.showToast({
              title: '该商家还未发布楼盘！',
              icon: 'none',
              mask: true,
            })
            return
          }
          uni.navigateTo({
            url: '/pages_houses/houses/housesDetails?id=' + yy.buildingId,
          })
          return
        }
        if (yy.businessType == 0 && yy.enterpriseRecruitmentStatus == 1) {
          uni.navigateTo({
            url: '/pages_recruitMoney/recruitmentDetails/companyDetails?userId=' + yy.id,
          })
          return
        }
        uni.navigateTo({
          url: '/pages_owner/dealer/goldConsultant?userId=' + item.userInfo.id,
        })
      },
      async getjjr(id) {
        let that = this
        let data = {}
        await this.$myRequest
          .get('/api/mobile/public/getPersonalHome', {
            otherId: id,
            ownerId: this.userInfo.id,
          })
          .then((res) => {
            data = res.personalHomeData
          })
        return data
      },
      quxiao() {
        this.zbc = false
        this.shangjia = false
      },
      videoClick(e) {
        this.$refs.previewImgV.open(e)
      },
      a() {},
      ViewImage(urls, url) {
        uni.previewImage({
          urls: urls,
          current: url,
        })
      },
      bianji() {
        this.zbc = true
        this.shangjia = true
      },
      chat(receiver, nikeName, img) {
        uni.navigateTo({
          url: `/pages/news/chat1?receiver=${receiver}&img=${img}&nikeName=${nikeName}`,
        })
      },
      jinzhi() {
        let _this = this
        let param = window.location.href.split('#')[0]
        uni.request({
          method: 'post',
          data: {
            url: param,
          },
          header: {
            'content-type': 'application/x-www-form-urlencoded',
          },
          url: 'https://www.bangbangtongcheng.com/conven//mob/login/getJsTicket.do',
          success(re) {
            _this.jinzhifx(re.data)
          },
        })
      },
      jinzhifx(data) {
        wxshare.config({
          debug: false, //是否打开调试
          appId: data.appId, // 公众号的唯一标识
          timestamp: data.timestamp, // 生成签名的时间戳
          nonceStr: data.nonce, // ，生成签名的随机串
          signature: data.signature, // 签名
          jsApiList: ['hideMenuItems'],
        })
        // 禁止分享
        wxshare.hideMenuItems({
          // 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3
          menuList: [
            'menuItem:share:appMessage',
            'menuItem:share:timeline',
            'menuItem:share:timeline',
            'menuItem:share:qq',
            'menuItem:favorite',
            'menuItem:share:QZone',
            'menuItem:openWithSafari',
          ],
        })
      },
      tabSelect(e) {
        this.TabCur = e.currentTarget.dataset.id
        this.Recommend = []
        this.pageNo = 1
        this.downStatus = true
        this.upStatus = true
        this.paging()
      },
      tabSelect1(e) {
        this.TabCur1 = e.currentTarget.dataset.id
        this.TabCur = 1
        this.TabCur6 = 1
        if (e.currentTarget.dataset.id == 1) {
          this.list = [
            {
              num: 1,
              name: '房源',
            },
            {
              num: 2,
              name: '店铺',
            },
            {
              num: 3,
              name: '用户',
            },
            {
              num: 5,
              name: '楼盘',
            },
          ]
          this.list6 = [
            {
              num: 1,
              name: '车源',
            },
            {
              num: 2,
              name: '店铺',
            },
            {
              num: 4,
              name: '服务项目',
            },
            {
              num: 3,
              name: '用户',
            },
          ]
          this.list5 = [
            {
              num: 1,
              name: '房产',
            },
            {
              num: 2,
              name: '车主',
            },
            {
              num: 4,
              name: '招聘',
            },
            {
              num: 3,
              name: '帮友圈',
            },
          ]
        } else {
          this.list = [
            {
              num: 1,
              name: '房源',
            },
            {
              num: 2,
              name: '店铺',
            },
            {
              num: 3,
              name: '用户',
            },
            {
              num: 5,
              name: '楼盘',
            },
          ]
          this.list6 = [
            {
              num: 1,
              name: '车源',
            },
            {
              num: 2,
              name: '店铺',
            },
            {
              num: 4,
              name: '服务项目',
            },
            {
              num: 3,
              name: '用户',
            },
          ]
          this.list5 = [
            {
              num: 1,
              name: '房产',
            },
            {
              num: 2,
              name: '车主',
            },
            {
              num: 4,
              name: '招聘',
            },
          ]
        }
        this.Recommend = []
        this.pageNo = 1
        this.downStatus = true
        this.upStatus = true
        this.paging()
      },
      tabSelect2(e) {
        this.TabCur2 = e.currentTarget.dataset.id
        this.Recommend = []
        this.pageNo = 1
        this.downStatus = true
        this.upStatus = true
        this.paging()
      },
      tabSelect3(e) {
        this.TabCur3 = e.currentTarget.dataset.id
        this.Recommend = []
        this.pageNo = 1
        this.downStatus = true
        this.upStatus = true
        this.paging()
      },
      tabSelect4(e) {
        this.TabCur4 = e.currentTarget.dataset.id
        this.Recommend = []
        this.pageNo = 1
        this.downStatus = true
        this.upStatus = true
        this.paging()
      },
      tabSelect5(e) {
        this.TabCur5 = e.currentTarget.dataset.id
        this.Recommend = []
        this.pageNo = 1
        this.downStatus = true
        this.upStatus = true
        this.paging()
      },
      tabSelect6(e) {
        this.TabCur6 = e.currentTarget.dataset.id
        this.Recommend = []
        this.pageNo = 1
        this.downStatus = true
        this.upStatus = true
        this.paging()
      },
      tabSelect7(e) {
        this.TabCur7 = e.currentTarget.dataset.id
        this.Recommend = []
        this.pageNo = 1
        this.downStatus = true
        this.upStatus = true
        this.paging()
      },
      tabSelect8(e) {
        this.TabCur8 = e.currentTarget.dataset.id
        this.Recommend = []
        this.pageNo = 1
        this.downStatus = true
        this.upStatus = true
        this.paging()
      },
      tabSelect9(e) {
        console.log(e.currentTarget.dataset.id, 'ssss')
        this.TabCur9 = e.currentTarget.dataset.id
        this.Recommend = []
        this.pageNo = 1
        this.downStatus = true
        this.upStatus = true
        this.paging()
      },
      getIntendedPosition(data) {
        let json = data
        if (json.includes('[') && json.includes(']')) {
          // console.log('getIntendedPosition', json)
          json = JSON.parse(data)
        }
        return json[0].split(',')
      },
      details(item, type) {
        if (type == 1) {
          if (item.delFlag == 1 || item.upStatus == 0 || item.status == 1) {
            uni.showToast({
              title: '该房源已不存在或已租售',
              icon: 'none',
              mask: true,
            })
            return
          }
          uni.navigateTo({
            url: '/pages_houses/housing/used/houseDetails?id=' + item.id,
          })
        } else if (type == 2) {
          if (item.isDelUser == 0) {
            uni.showToast({
              title: '该店铺已不存在',
              icon: 'none',
              mask: true,
            })
            return
          }
          uni.navigateTo({
            url: '/pages_intermediary/shopDetails?id=' + item.id,
          })
        } else if (type == 3) {
          if (item.businessType == 1) {
            uni.navigateTo({
              url: '/pages_owner/dealer/goldConsultant?userId=' + item.id,
            })
          } else {
            if (item.delFlag == 1) {
              uni.showToast({
                title: '该用户已注销',
                icon: 'none',
                mask: true,
              })
              return
            }
            uni.navigateTo({
              url: '/pages_owner/dealer/goldConsultant?userId=' + item.id,
            })
          }
        } else if (type == 5) {
          if (item.isDelUser == 0) {
            uni.showToast({
              title: '该楼盘已不存在',
              icon: 'none',
              mask: true,
            })
            return
          }
          uni.navigateTo({
            url: '/pages_houses/houses/housesDetails?id=' + item.id,
          })
        } else if (type == 6) {
          if (item.deleteFlag == 1 || item.shelfStatus == 0) {
            uni.showToast({
              title: '该车源已下架',
              icon: 'none',
              mask: true,
            })
            return
          }
          uni.navigateTo({
            url: '/pages_owner/index/vehicleDetails?id=' + item.id,
          })
        } else if (type == 7) {
          if (item.deleteFlag == 1) {
            uni.showToast({
              title: '该店铺已注销',
              icon: 'none',
              mask: true,
            })
            return
          }
          if (item.storeType == 1 || item.storeType == 2) {
            uni.navigateTo({
              url: '/pages_owner/dealer/dealerDetails?id=' + item.id,
            })
          } else {
            uni.navigateTo({
              url: '/pages_owner/ownerService/ownerServiceDetails?id=' + item.id,
            })
          }
        } else if (type == 9) {
          if (item.deleteFlag == 1) {
            uni.showToast({
              title: '该服务已删除',
              icon: 'none',
              mask: true,
            })
            return
          }
          uni.navigateTo({
            url: '/pages_owner/ownerService/servicesAvailableDetails?id=' + item.id,
          })
        } else if (type == 10) {
          if (item.deleteFlag == 1 || item.shelfStatus == 0 || !item.userInformation) {
            uni.showToast({
              title: '该招聘信息已下架',
              icon: 'none',
              mask: true,
            })
            return
          }
          if (item.recruitmentType == 1) {
            uni.navigateTo({
              url: '/pages_recruitMoney/recruitmentDetails/fullTime?id=' + item.id,
            })
            return
          } else {
            uni.navigateTo({
              url: '/pages_recruitMoney/recruitmentDetails/concurrently?id=' + item.id,
            })
            return
          }
        } else if (type == 11) {
          if (
            item.deleteFlag == 1 ||
            item.shelfStatus == 0 ||
            !item.biographicalNotesDTO.userInformation
          ) {
            uni.showToast({
              title: '该招聘信息已删除',
              icon: 'none',
              mask: true,
            })
            return
          }
          if (item.recruitmentInformationDTO.recruitmentType == 1) {
            uni.navigateTo({
              url:
                '/pages_recruitMoney/recruitmentDetails/fullTime?id=' +
                item.recruitmentInformationDTO.id,
            })
            return
          } else {
            uni.navigateTo({
              url:
                '/pages_recruitMoney/recruitmentDetails/concurrently?id=' +
                item.recruitmentInformationDTO.id,
            })
            return
          }
        } else if (type == 12) {
          if (item.deleteFlag == 1 || item.shelfStatus == 0 || !item.userInformation) {
            uni.showToast({
              title: '该简历信息已删除',
              icon: 'none',
              mask: true,
            })
            return
          }
          uni.navigateTo({
            url:
              '/pages_recruitMoney/recruitmentDetails/resumeDetails?resumeId=' +
              item.id +
              '&publisherId=' +
              item.publisherId,
          })
        } else if (type == 13) {
          // 拨打记录-招聘-简历
          if (
            item.deleteFlag == 1 ||
            item.biographicalNotesDTO.shelfStatus == 0 ||
            !item.recruitmentInformationDTO
          ) {
            uni.showToast({
              title: '该简历信息已删除',
              icon: 'none',
              mask: true,
            })
            return
          }
          uni.navigateTo({
            url:
              '/pages_recruitMoney/recruitmentDetails/resumeDetails?resumeId=' +
              item.biographicalNotesDTO.id +
              '&publisherId=' +
              item.biographicalNotesDTO.publisherId,
          })
        } else {
          if (item.deleteFlag == 1) {
            uni.showToast({
              title: '该帮友圈已删除',
              icon: 'none',
              mask: true,
            })
            return
          } else if (item.userInfo.delFlag == 1) {
            uni.showToast({
              title: '该用户已注销',
              icon: 'none',
              mask: true,
            })
            return
          }
          uni.navigateTo({
            url: '/pages_owner/my/friendsCircleDetails?id=' + item.id,
          })
        }
      },
      down() {
        if (this.downStatus) {
          this.pageNo++
          this.paging()
        }
      },
      async getPhone(phone, id) {
        this.onphone(phone, id)
      },
      onphone(phone, id) {
        if (phone) {
          if (this.TabCur5 == 1) {
            if (this.TabCur6 == 1) {
              this.userCall(phone, id)
            }
          } else if (this.TabCur5 == 2) {
            if (this.TabCur6 == 3) {
              this.increaseCallRecord(2, 1, phone, id)
            }
          } else if (this.TabCur5 == 3) {
          } else if (this.TabCur5 == 4) {
            if (this.TabCur9 == 1) {
            } else if (this.TabCur9 == 2) {
            }
          }
        }
        uni.makePhoneCall({
          // 手机号
          phoneNumber: phone,
          // 成功回调
          success: (res) => {
            console.log('调用成功!')
          },
          // 失败回调
          fail: (res) => {
            console.log('调用失败!')
          },
        })
      },
      increaseCallRecord(businessType, callType, phone, id) {
        this.$myRequest
          .post('/api/mobile/public/increaseCallRecord', {
            userId: this.userInfo.id,
            businessType: businessType,
            telephoneNumber: phone,
            associationId: id,
            callType: callType,
          })
          .then((res) => {})
      },
      userCall(phone, id) {
        this.$myRequest
          .post('/mob/user/call', {
            userId: this.userInfo.id,
            telephoneNumber: phone,
            associationId: id,
            type: 3,
          })
          .then((res) => {})
      },
      openMap(item) {
        let that = this
        /* #ifdef H5 */
        let param = window.location.href.split('#')[0]
        uni.request({
          method: 'post',
          data: {
            url: param,
          },
          header: {
            'content-type': 'application/x-www-form-urlencoded',
          },
          url: 'https://www.bangbangtongcheng.com/conven//mob/login/getJsTicket.do',
          success(re) {
            uni.hideLoading()
            wxshare.config({
              debug: false, //是否打开调试
              appId: re.data.appId, // 公众号的唯一标识
              timestamp: re.data.timestamp, // 生成签名的时间戳
              nonceStr: re.data.nonce, // ，生成签名的随机串
              signature: re.data.signature, // 签名
              jsApiList: ['openLocation'],
            })
            wxshare.ready(function () {
              wxshare.openLocation({
                latitude: Number(item.latitude), //目的地latitude
                longitude: Number(item.longitude), //目的地longitude
                // name: that.data.title,
                // address: that.data.address,
                scale: 15, //地图缩放大小，可根据情况具体调整
              })
            })
          },
        })
        /* #endif */
        /* #ifndef H5 */
        uni.openLocation({
          latitude: Number(item.latitude),
          longitude: Number(item.longitude),
          name: item.detailedAddress,
          success: function () {
            console.log('success')
          },
        })
        /* #endif */
      },
      // 一键清除 、浏览记录 、房源
      yjqcFy() {
        let that = this
        this.$myRequest
          .post('/mob/user/delUserCollection', {
            type: 2,
            userId: this.userInfo.id,
            cbType: this.TabCur,
            delType: 1,
          })
          .then((res) => {
            that.zbc = false
            uni.showToast({
              title: '操作成功',
              icon: 'none',
              mask: true,
            })
            setTimeout(() => {
              that.Recommend = []
              that.pageNo = 1
              that.downStatus = true
              that.upStatus = true
              that.paging()
            }, 1000)
          })
      },
      // 一键清除 、浏览记录 、车源
      yjqcCy() {
        let that = this
        let callType = ''
        if (this.TabCur6 == 1) {
          callType = 5
        } else if (this.TabCur6 == 2) {
          callType = 2
        } else if (this.TabCur6 == 3) {
          callType = 1
        } else if (this.TabCur6 == 4) {
          callType = 6
        }
        this.$myRequest
          .post('/api/mobile/public/oneClickBrowseRecords', {
            userId: this.userInfo.id,
            businessType: this.TabCur5,
            browsingRecords: callType,
          })
          .then((res) => {
            that.zbc = false
            uni.showToast({
              title: '操作成功',
              icon: 'none',
              mask: true,
            })
            setTimeout(() => {
              that.Recommend = []
              that.pageNo = 1
              that.downStatus = true
              that.upStatus = true
              that.paging()
            }, 1000)
          })
      },
      // 一键清除 、拨打记录 、车源
      yjqcBdCy() {
        let that = this
        let callType = ''
        if (this.TabCur6 == 1) {
          callType = 5
        } else if (this.TabCur6 == 2) {
          callType = 2
        } else if (this.TabCur6 == 3) {
          callType = 1
        } else if (this.TabCur6 == 4) {
          callType = 6
        }
        this.$myRequest
          .post('/api/mobile/public/oneClickClearCallRecord', {
            userId: this.userInfo.id,
            businessType: this.TabCur5,
            browsingRecords: callType,
          })
          .then((res) => {
            that.zbc = false
            uni.showToast({
              title: '操作成功',
              icon: 'none',
              mask: true,
            })
            setTimeout(() => {
              that.Recommend = []
              that.pageNo = 1
              that.downStatus = true
              that.upStatus = true
              that.paging()
            }, 1000)
          })
      },
      // 一键清除 、拨打记录 、招聘
      yjqcBdZp() {
        let that = this
        let callType = ''
        if (this.TabCur9 == 1) {
          callType = 7
        } else if (this.TabCur9 == 2) {
          callType = 8
        }
        this.$myRequest
          .post('/api/mobile/public/oneClickClearCallRecord', {
            userId: this.userInfo.id,
            businessType: '4',
            browsingRecords: callType,
          })
          .then((res) => {
            that.zbc = false
            uni.showToast({
              title: '操作成功',
              icon: 'none',
              mask: true,
            })
            setTimeout(() => {
              that.Recommend = []
              that.pageNo = 1
              that.downStatus = true
              that.upStatus = true
              that.paging()
            }, 1000)
          })
      },
      // 一键清除 、拨打记录 、房源
      yjqcBdFy() {
        let that = this
        let callType = ''
        if (this.TabCur == 1) {
          callType = 4
        } else if (this.TabCur == 2) {
          callType = 1
        } else if (this.TabCur == 3) {
          callType = 3
        } else if (this.TabCur == 5) {
          callType = 2
        }
        this.$myRequest
          .post('/mob/iteration/homeOwnerOneClickClear', {
            userId: this.userInfo.id,
            type: callType,
          })
          .then((res) => {
            that.zbc = false
            uni.showToast({
              title: '操作成功',
              icon: 'none',
              mask: true,
            })
            setTimeout(() => {
              that.Recommend = []
              that.pageNo = 1
              that.downStatus = true
              that.upStatus = true
              that.paging()
            }, 1000)
          })
      },
      // 一键清除 浏览记录 、帮友圈
      yjqcBYQ() {
        let that = this
        this.$myRequest
          .post('/api/mobile/public/oneClickBrowseRecords', {
            userId: this.userInfo.id,
            browsingRecords: 3,
          })
          .then((res) => {
            that.zbc = false
            uni.showToast({
              title: '操作成功',
              icon: 'none',
              mask: true,
            })
            setTimeout(() => {
              that.Recommend = []
              that.pageNo = 1
              that.downStatus = true
              that.upStatus = true
              that.paging()
            }, 1000)
          })
      },
      // 一键清除 浏览记录 、招聘
      yjqcZP() {
        let that = this
        this.$myRequest
          .post('/api/mobile/public/oneClickBrowseRecords', {
            userId: this.userInfo.id,
            businessType: '4',
            browsingRecords: this.TabCur9 == 1 ? '7' : '8',
          })
          .then((res) => {
            that.zbc = false
            uni.showToast({
              title: '操作成功',
              icon: 'none',
              mask: true,
            })
            setTimeout(() => {
              that.Recommend = []
              that.pageNo = 1
              that.downStatus = true
              that.upStatus = true
              that.paging()
            }, 1000)
          })
      },
      eliminate() {
        let that = this
        if (this.TabCur1 == 1) {
          if (this.TabCur5 == 1) {
            this.yjqcFy()
          } else if (this.TabCur5 == 2) {
            this.yjqcCy()
          } else if (this.TabCur5 == 3) {
            this.yjqcBYQ()
          } else if (this.TabCur5 == 4) {
            this.yjqcZP()
          }
        } else {
          if (this.TabCur5 == 1) {
            this.yjqcBdFy()
          } else if (this.TabCur5 == 2) {
            this.yjqcBdCy()
          } else if (this.TabCur5 == 4) {
            this.yjqcBdZp()
          }
        }
      },

      async up() {
        this.Recommend = []
        this.pageNo = 1
        this.downStatus = true
        if (this.upStatus) {
          this.trigger = true
          await this.paging()
        }
      },
      // 分页
      paging() {
        this.$myRequest.cancel()
        if (this.TabCur1 == 1) {
          if (this.TabCur5 == 1) {
            this.getRecommend()
          } else if (this.TabCur5 == 2) {
            if (this.TabCur6 == 1) {
              this.carSourceList()
            } else if (this.TabCur6 == 2) {
              this.carSourceStoreList()
            } else if (this.TabCur6 == 3) {
              this.carBrokerList()
            } else if (this.TabCur6 == 4) {
              // 查找收藏服务
              this.carServicerList()
            }
          } else if (this.TabCur5 == 3) {
            this.carFriendsList()
          } else if (this.TabCur5 == 4) {
            if (this.TabCur9 == 1) {
              this.giveBrokerList()
            } else if (this.TabCur9 == 2) {
              this.biographicalBrokerList()
            }
          }
        } else {
          this.telephoneRecord()
        }
      },
      // 获取电话记录
      telephoneRecord() {
        let that = this
        this.upStatus = false
        let callType = ''
        if (this.TabCur5 == 1) {
          if (this.TabCur == 1) {
            callType = 4
          } else if (this.TabCur == 2) {
            callType = 1
          } else if (this.TabCur == 3) {
            callType = 3
          } else if (this.TabCur == 5) {
            callType = 2
          }
          this.$myRequest
            .get('/mob/iteration/getMyHousePostCallRecord', {
              userId: this.userInfo.id,
              type: callType,
              pageNo: this.pageNo,
              pageSize: this.pageSize,
            })
            .then((res) => {
              if (res.callRecord.pageList.length < 10) {
                this.downStatus = false
              }
              this.upStatus = true
              this.trigger = false
              this.Recommend = this.Recommend.concat(res.callRecord.pageList)
              uni.stopPullDownRefresh()
            })
        } else if (this.TabCur5 == 2) {
          if (this.TabCur6 == 1) {
            callType = 5
          } else if (this.TabCur6 == 2) {
            callType = 2
          } else if (this.TabCur6 == 3) {
            callType = 1
          } else if (this.TabCur6 == 4) {
            callType = 6
          }
          this.$myRequest
            .get('/api/mobile/public/getMyPostCallRecord', {
              userId: this.userInfo.id,
              businessType: this.TabCur5,
              callType: callType,
              pageNo: this.pageNo,
              pageSize: this.pageSize,
            })
            .then((res) => {
              if (res.callRecord.pageList.length < 10) {
                this.downStatus = false
              }
              this.upStatus = true
              this.trigger = false
              this.Recommend = this.Recommend.concat(res.callRecord.pageList)
              uni.stopPullDownRefresh()
            })
        } else if (this.TabCur5 == 4) {
          if (this.TabCur9 == 1) {
            callType = 7
          } else if (this.TabCur9 == 2) {
            callType = 8
          }
          this.$myRequest
            .get('/api/mobile/public/getMyPostCallRecord', {
              userId: this.userInfo.id,
              businessType: 4,
              callType: callType,
              pageNo: this.pageNo,
              pageSize: this.pageSize,
            })
            .then((res) => {
              if (res.callRecord.pageList.length < 10) {
                this.downStatus = false
              }
              this.upStatus = true
              this.trigger = false
              if (this.TabCur5 == 4 && callType == 8) {
                res.callRecord.pageList.forEach((item) => {
                  // 获取姓
                  if (item.biographicalNotesDTO.realName) {
                    const firstName = item.biographicalNotesDTO.realName.charAt(0)
                    const secondName =
                      item.biographicalNotesDTO.sexualDistinction == '1' ? '先生' : '女士'
                    item.biographicalNotesDTO.name = firstName + secondName
                  }
                })
              }
              this.Recommend = this.Recommend.concat(res.callRecord.pageList)
              uni.stopPullDownRefresh()
            })
        }
      },
      // 获取服务浏览列表
      carServicerList() {
        let that = this
        this.upStatus = false
        this.$myRequest
          .get('/api/mobile/public/getMyServiceItemsHistory', {
            userId: this.userInfo.id,
            businessType: 2,
            browsingRecords: 6,
            pageNo: this.pageNo,
            pageSize: this.pageSize,
            serviceItemType: '',
          })
          .then((res) => {
            if (res.ServiceItemsHistory.pageList.length < 10) {
              this.downStatus = false
            }
            this.upStatus = true
            this.trigger = false
            this.Recommend = this.Recommend.concat(res.ServiceItemsHistory.pageList)
            uni.stopPullDownRefresh()
          })
      },
      carSourceList() {
        let that = this
        this.upStatus = false
        this.$myRequest
          .get('/api/mobile/public/getMyVehicleHistory', {
            userId: this.userInfo.id,
            businessType: 2,
            browsingRecords: 5,
            vehicleType: this.TabCur4 == 1 ? '' : this.TabCur4 - 1,
            pageNo: this.pageNo,
            pageSize: this.pageSize,
          })
          .then((res) => {
            if (res.vehicleHistory.pageList.length < 10) {
              this.downStatus = false
            }
            this.upStatus = true
            this.trigger = false
            this.Recommend = this.Recommend.concat(res.vehicleHistory.pageList)
            uni.stopPullDownRefresh()
          })
      },
      carSourceStoreList() {
        let that = this
        this.upStatus = false
        this.$myRequest
          .get('/api/mobile/public/getMyShopHistory', {
            userId: this.userInfo.id,
            businessType: 2,
            browsingRecords: 2,
            pageNo: this.pageNo,
            pageSize: this.pageSize,
            storeType: this.TabCur2 == 1 ? '' : this.TabCur2 - 1,
          })
          .then((res) => {
            if (res.shopHistory.pageList.length < 10) {
              this.downStatus = false
            }
            this.upStatus = true
            this.trigger = false
            this.Recommend = this.Recommend.concat(res.shopHistory.pageList)
            uni.stopPullDownRefresh()
          })
      },
      carBrokerList() {
        let that = this
        this.upStatus = false
        this.$myRequest
          .get('/api/mobile/public/getMyUserHistory', {
            userId: this.userInfo.id,
            businessType: 2,
            browsingRecords: 1,
            pageNo: this.pageNo,
            pageSize: this.pageSize,
            customerType: this.TabCur3 == 1 ? '' : this.TabCur3 - 1,
          })
          .then((res) => {
            if (res.userHistory.pageList.length < 10) {
              this.downStatus = false
            }
            this.upStatus = true
            this.trigger = false
            this.Recommend = this.Recommend.concat(res.userHistory.pageList)
            uni.stopPullDownRefresh()
          })
      },
      carFriendsList() {
        let that = this
        this.upStatus = false
        this.$myRequest
          .get('/api/mobile/public/getMyHelpingFirendsCircleHistory', {
            userId: this.userInfo.id,
            browsingRecords: 3,
            pageNo: this.pageNo,
            pageSize: this.pageSize,
          })
          .then((res) => {
            if (res.helpingFirendsCircleHistory.pageList.length < 10) {
              this.downStatus = false
            }
            this.upStatus = true
            this.trigger = false
            res.helpingFirendsCircleHistory.pageList.forEach((item) => {
              if (item.picture) {
                let arr = item.picture.split('|')
                let pictureArr = []
                arr.forEach((el) => {
                  pictureArr.push(el)
                })
                item.pictureArr = pictureArr
              }
            })
            this.Recommend = this.Recommend.concat(res.helpingFirendsCircleHistory.pageList)
            uni.stopPullDownRefresh()
          })
      },
      // 招聘浏览记录
      giveBrokerList() {
        let that = this
        this.upStatus = false
        this.$myRequest
          .get('/api/mobile/public/getMyRecruitmentHistory', {
            userId: this.userInfo.id,
            businessType: 4,
            browsingRecords: 7,
            pageNo: this.pageNo,
            pageSize: this.pageSize,
          })
          .then((res) => {
            if (res.recruitmentHistory.pageList.length < 10) {
              this.downStatus = false
            }
            this.upStatus = true
            this.trigger = false
            this.Recommend = this.Recommend.concat(res.recruitmentHistory.pageList)
            uni.stopPullDownRefresh()
          })
      },
      // 简历浏览记录
      biographicalBrokerList() {
        let that = this
        this.upStatus = false
        this.$myRequest
          .get('/api/mobile/public/getMyBiographicalNotesHistory', {
            userId: this.userInfo.id,
            businessType: 4,
            browsingRecords: 8,
            pageNo: this.pageNo,
            pageSize: this.pageSize,
          })
          .then((res) => {
            if (res.biographicalNotesHistory.pageList.length < 10) {
              this.downStatus = false
            }
            this.upStatus = true
            this.trigger = false
            res.biographicalNotesHistory.pageList.forEach((item) => {
              // 获取姓
              if (item.realName) {
                const firstName = item.realName.charAt(0)
                const secondName = item.sexualDistinction == '1' ? '先生' : '女士'
                item.name = firstName + secondName
              }
            })
            this.Recommend = this.Recommend.concat(res.biographicalNotesHistory.pageList)
            uni.stopPullDownRefresh()
          })
      },
      getRecommend() {
        let that = this
        this.upStatus = false
        let obj = {}
        obj = {
          pageSize: this.pageSize,
          pageNo: this.pageNo,
          userId: this.userInfo.id,
          type: 2,
          cbType: this.TabCur,
        }
        if (this.TabCur1 == 1 && this.TabCur5 == 1 && this.TabCur == 1) {
          if (this.TabCur7 == 2) {
            // 查新房
            obj.newOld = 1
            obj.transactionType = 2
          } else if (this.TabCur7 == 3) {
            // 查二手房
            obj.newOld = 2
            obj.transactionType = 2
          } else if (this.TabCur7 == 4) {
            // 查出租房
            obj.transactionType = 1
          }
        }
        if (this.TabCur1 == 1 && this.TabCur5 == 1 && this.TabCur == 3) {
          if (this.TabCur8 == 2) {
            obj.isAgent = 0
          } else if (this.TabCur8 == 3) {
            obj.isAgent = 1
          }
        }
        this.$myRequest.get('/mob/user/getUserCollection', obj).then((res) => {
          if (res.page.list.length < 10) {
            this.downStatus = false
          }
          this.upStatus = true
          this.trigger = false
          res.page.list.forEach((el) => {
            if (el.houseImage) {
              el.houseImage = el.houseImage.split('|')[0]
            }
            if (this.TabCur == 4) {
              el.image = el.showImg.split('|')[0]
            }
          })
          this.Recommend = this.Recommend.concat(res.page.list)
          console.log(this.Recommend)
          uni.stopPullDownRefresh()
        })
      },
      fanhui() {
        uni.navigateBack({
          delta: 1,
        })
      },
    },
  }
</script>
<style lang="less" scoped>
  .shangb {
    position: absolute;
    /* top: 0px; */
    left: 30rpx;
    width: 104rpx;
    height: 85rpx;
  }

  .bgimage {
    background-color: #f8f8f8;
    width: 300rpx;
    height: 200rpx;
  }

  .zbc {
    position: fixed;
    width: 100%;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);

    .shangjia {
      position: absolute;
      width: 600rpx;
      height: 300rpx;
      background-color: #fff;
      border-radius: 10rpx;
      top: 30%;
      left: 50%;
      transform: translateX(-50%);

      .li_1 {
        width: 100%;
        font-size: 34rpx;
        font-weight: 600;
        margin-left: 114rpx;
        margin-top: 80rpx;
      }

      .li_2 {
        display: inline-block;
        vertical-align: top;
        width: 160rpx;
        height: 60rpx;
        background: #ffffff;
        border: 2rpx solid #64b6a8;
        border-radius: 37rpx;
        text-align: center;
        line-height: 60rpx;
        color: #64b6a8;
        margin-top: 58rpx;
        margin-left: 118rpx;
      }

      .li_3 {
        display: inline-block;
        vertical-align: top;
        width: 160rpx;
        height: 60rpx;
        background: #64b6a8;
        border-radius: 37rpx;
        text-align: center;
        line-height: 60rpx;
        color: #fff;
        margin-top: 58rpx;
        margin-left: 46rpx;
      }
    }
  }
  .box {
    width: 100%;
    min-height: 100vh;
    background-color: #fff;
    background-image: url(https://pic.bangbangtongcheng.com/static/lsjl_background_image.png);
    background-size: 100%;
    background-repeat: no-repeat;
  }

  .heads {
    padding: 0 5%;
    box-sizing: border-box;
    height: auto;
    .item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 88rpx;
    }
    .backs {
      width: 32rpx;
      height: 32rpx;
      bottom: 0 !important;
    }
    .toptitles {
      font-size: 18px;
      color: #fff;
      text-align: center;
    }
    .remove {
      width: 123rpx;
      height: 48rpx;
      border-radius: 6rpx;
      border: 1px solid #ffffff;
      text-align: center;
      line-height: 48rpx;
      color: #fff;
    }
  }
  .tou {
    position: relative;
    width: 100%;
    text-align: center;
    font-size: 36rpx;
    color: #fff;

    .image1 {
      position: absolute;
      width: 32rpx;
      height: 32rpx;
      // top: 116rpx;
      left: 30rpx;
    }

    .image2 {
      position: absolute;
      width: 56rpx;
      height: 56rpx;
      // top: 104rpx;
      right: 30rpx;
    }

    p {
      position: absolute;
      // top: 90rpx;
      line-height: 45rpx;
      bottom: 21rpx;
      right: 30rpx;
      font-size: 24rpx;
      color: #fff;
    }

    .remove {
      width: 123rpx;
      height: 48rpx;
      border-radius: 6rpx;
      border: 1px solid #ffffff;
      text-align: center;
      line-height: 48rpx;
    }
  }

  .list_1 {
    // margin-top: 32rpx;
    margin-left: 30rpx;
    margin-right: 30rpx;
    width: 690rpx;

    .tit {
      color: #333333;
      font-size: 36rpx;
      margin-bottom: 24rpx;
    }

    .tips {
      display: inline-block;
      padding: 10rpx 20rpx;
      background-color: #c4c4c4;
      border-radius: 4rpx;
      color: #fff;
      margin-bottom: 10rpx;
    }

    .vacancy {
      width: 100%;
      padding-bottom: 30rpx;
      margin-bottom: 30rpx;
      border-bottom: 1px solid #e0e0e0;
      .vehicleRecom {
        font-size: 36rpx;
        font-weight: 600;
        color: #333333;
        line-height: 44rpx;
        word-break: break-all;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2; //想要的行数
        -webkit-box-orient: vertical;
        .tagLabel {
          vertical-align: top;
          background: #64b6a8;
          color: #fff;
          font-size: 24rpx;
          text-align: center;
          width: 106rpx;
          margin-right: 10rpx;
          padding: 2rpx 6rpx;
          border-radius: 4rpx;
        }
      }
      .vacancy_center {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 16rpx;
        .vacancy_status {
          span {
            font-size: 28rpx;
            font-weight: 400;
            color: #333333;
          }
          span:nth-child(1) {
            margin-right: 16rpx;
          }
        }
        .vacancy_price {
          font-size: 30rpx;
          font-weight: 550;
          color: #e00000;
        }
      }
      .vacancy_biaoq {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 16rpx;
        .vacancy_label {
          flex: 1;
          height: 48rpx;
          position: relative;
          overflow: hidden;
          white-space: nowrap;
          .shade {
            position: absolute;
            right: 0;
            top: 0;
            width: 100rpx;
            height: 48rpx;
            background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
          }
          .label {
            display: inline-block;
            padding: 10rpx;
            background-color: #f0f0f0;
            margin-right: 10rpx;
            font-size: 24rpx;
            font-weight: 400;
            color: #333333;
            border-radius: 4rpx;
          }
          .label:nth-last-child(1) {
            margin-right: 0rpx;
          }
        }
        .gend {
          text-align: right;
          width: 80rpx;
          height: 100%;
          font-size: 24rpx;
          color: #888888;
        }
      }
      .personalInformation {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 28rpx;
        .personalInformation_left {
          display: flex;
          flex-direction: column;
          .personalInformation_image {
            width: 42rpx;
            height: 42rpx;
            border-radius: 42rpx;
            margin-right: 12rpx;
          }
          .GR {
            display: flex;
            align-items: center;
            .name {
              font-size: 24rpx;
              font-weight: 400;
              color: #333333;
            }
          }
          .GS {
            display: flex;
            align-items: center;
            .corporation {
              font-size: 24rpx;
              font-weight: 400;
              color: #333333;
            }
          }
        }
        .personalInformation_right {
          display: flex;
          flex-direction: column;
          justify-content: flex-end;
          .personalInformation_Time {
            font-size: 24rpx;
            font-weight: 400;
            color: #888888;
            margin-bottom: 6rpx;
            text-align: right;
          }
          .personalInformation_distance {
            font-size: 24rpx;
            font-weight: 400;
            color: #888888;
            text-align: right;
          }
        }
      }
    }

    .vacancy:last-child {
      border-bottom: 0rpx solid #e0e0e0;
    }

    .resume {
      width: 100%;
      margin-bottom: 20rpx;
      background: linear-gradient(180deg, #ecf9ff 0%, #ffffff 100%);
      border-radius: 20rpx;
      border: 1rpx solid #f1f5f5;
      padding: 30rpx;
      font-size: 24rpx;
      overflow: hidden;

      .title {
        font-size: 28rpx;
        font-weight: 550;
        color: #333333;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2; //想要的行数
        -webkit-box-orient: vertical;
        margin-bottom: 16rpx;
      }

      .occupation {
        display: flex;
        align-items: center;
        margin-bottom: 16rpx;

        span {
          font-size: 24rpx;
          font-weight: 400;
          color: #333333;
          margin-right: 16rpx;
        }

        span:nth-last-child(1) {
          margin-right: 0;
        }
      }

      .hands-on {
        display: flex;
        align-items: center;
        margin-bottom: 16rpx;

        span {
          font-size: 24rpx;
          font-weight: 400;
          color: #888888;
        }
      }

      .individual {
        display: flex;
        align-items: center;
        justify-content: space-between;

        .individual_left {
          display: flex;
          align-items: center;

          .name {
            font-size: 24rpx;
            font-weight: 400;
            color: #333333;
            margin-right: 10rpx;
          }

          .vip-rank {
            padding: 3rpx 10rpx;
            margin: 0 18rpx 0 0;
            background: #f6f0ff;
            border-radius: 6rpx 6rpx 6rpx 6rpx;
            opacity: 1;
            border: 2rpx solid #bd90d9;
            font-size: 24rpx;
            font-weight: 500;
            color: #bd90d9;
          }
        }

        .individual_right {
          font-size: 24rpx;
          font-weight: 400;
          color: #888888;
        }
      }

      .resumeTop {
        display: flex;
        align-items: center;
        position: relative;
        width: 650rpx;

        .vacancy_biaoq2 {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-top: 16rpx;
          width: 538rpx;

          .vacancy_label {
            flex: 1;
            height: 48rpx;
            position: relative;
            overflow: hidden;
            white-space: nowrap;
            width: 100%;

            .shade {
              position: absolute;
              right: 0;
              top: 0;
              width: 100rpx;
              height: 48rpx;
            }

            .label {
              display: inline-block;
              padding: 8rpx 15rpx;
              background: #f5f7f9;
              margin-right: 10rpx;
              font-weight: 400;
              font-size: 24rpx;
              color: #666666;
              border-radius: 4rpx;
            }

            .label:nth-last-child(1) {
              margin-right: 0rpx;
            }
          }

          .gend {
            image {
              width: 50rpx;
              height: 50rpx;
              top: 5rpx;
            }

            position: absolute;
            right: 0rpx;
          }
        }

        .avatar {
          width: 92rpx;
          height: 92rpx;
          margin-right: 20rpx;
          border-radius: 50%;
          overflow: hidden;

          image {
            width: 92rpx;
            height: 92rpx;
          }
        }

        .resumeInfo {
          margin-bottom: 12rpx;

          .nameInfo {
            margin-bottom: 20rpx;

            .realName {
              font-weight: 500;
              font-size: 32rpx;
              color: #000000;
              margin-right: 13rpx;
            }

            span {
              margin-right: 30rpx;
            }
          }

          .workInfo {
            .label {
              display: inline-block;
              padding: 8rpx 15rpx;
              background: #f5f7f9;
              margin-right: 10rpx;
              font-size: 24rpx;
              font-weight: 400;
              color: #666666;
              border-radius: 4rpx;
            }

            .label:nth-last-child(1) {
              margin-right: 0rpx;
            }
          }
        }
      }

      .resumeBottom {
        overflow: hidden;
        text-overflow: clip;
        display: -webkit-box;
        line-break: anywhere;
        word-break: break-all;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
      }
    }

    .resume:last-child {
      border-bottom: 0rpx solid #e0e0e0;
    }

    .li {
      width: 100%;
      padding-top: 30rpx;
      // margin-bottom: 30rpx;
      border-bottom: 1px solid #e0e0e0;
      // margin-left: 30rpx;
      .image {
        background-color: #f8f8f8;
        width: 300rpx;
        height: 200rpx;
      }

      .li_1 {
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin-left: 24rpx;
        width: 366rpx;
        .tit {
          width: 366rpx;
          font-size: 36rpx;
          line-height: 44rpx;
          font-weight: 600;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2; //想要的行数
          -webkit-box-orient: vertical;
          .tagLabel {
            vertical-align: top;
            background: #64b6a8;
            color: #fff;
            font-size: 24rpx;
            text-align: center;
            width: 106rpx;
            margin-right: 10rpx;
            padding: 4rpx 6rpx;
            border-radius: 4rpx;
          }
        }
        .jiedao {
          width: 100%;
          height: 68rpx;
          font-size: 24rpx;
          margin-bottom: 14rpx;
          color: #666666;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2; //想要的行数
          -webkit-box-orient: vertical;
        }

        .shijian {
          bottom: 4rpx;
          font-size: 26rpx;
        }
        .neirong_1 {
          // width: 366rpx;
          font-size: 24rpx;
          color: #666666;
          display: flex;
          align-items: center;
          .price {
            color: red;
            font-size: 30rpx;
            font-weight: 600;
          }
          .neir_css {
            flex: 1;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1; //想要的行数
            -webkit-box-orient: vertical;
          }
          .neir_css:nth-child(2n) {
            margin-left: 10rpx;
          }
          .neir_css:nth-child(2n-1) {
            margin-right: 10rpx;
          }
        }
      }
    }

    .li:last-child {
      border-bottom: 0rpx solid #e0e0e0;
    }
  }

  .circle {
    margin-top: 30rpx;
    display: flex;
    align-items: center;
    .circle_item {
      width: 690rpx;
      border-radius: 17rpx;
      border: 1px solid #e5e5e5;
      margin-bottom: 30rpx;
      .mingpians {
        margin-top: 30rpx;
        margin-left: 30rpx;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .mingpians_left {
          display: flex;
          margin-left: 30rpx;
          align-items: center;
          .headPortrait {
            width: 90rpx;
            height: 90rpx;
            position: relative;
            .img1 {
              width: 100%;
              height: 100%;
              border-radius: 50%;
            }
            .img2 {
              position: absolute;
              bottom: -14rpx;
              left: 50%;
              transform: translateX(-50%);
              width: 100rpx;
              height: 40rpx;
              background-image: url('https://pic.bangbangtongcheng.com/static/bbcz/jpgw01.png');
              background-size: 100% 120%;
              font-size: 24rpx;
              color: #fff;
              text-align: center;
              line-height: 40rpx;
            }
          }
          .counselors {
            display: flex;
            flex-direction: column;
            justify-content: center;
            margin-left: 23rpx;
            height: 130rpx;
            .counselors_top {
              display: flex;
              align-items: center;
              width: 300rpx;
              .name {
                font-size: 36rpx;
                font-weight: 400;
                color: #333333;
              }
              .attentions {
                display: flex;
                margin-left: 12rpx;
                font-size: 28rpx;
                font-weight: 400;
                color: #333333;
                .img4 {
                  width: 41rpx;
                  height: 41rpx;
                  margin-right: 4rpx;
                }
              }
            }
            .counselors_bottom {
              display: flex;
              font-size: 28rpx;
              font-weight: 400;
              color: #333333;
              .img3 {
                width: 31rpx;
                height: 31rpx;
                margin-left: 5rpx;
              }
            }
          }
        }
        .mingpians_right {
          margin-right: 32rpx;
          .item {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            .image1 {
              width: 44rpx;
              height: 44rpx;
            }
          }
        }
      }
      .circle_center {
        width: 630rpx;
        height: 290rpx;
        border-radius: 18rpx;
        overflow: hidden;
        margin: 0 auto;
        margin-top: 24rpx;
      }
      .circle_center_wz {
        margin: 0 30rpx;
        margin-top: 20rpx;
        .circle_center_wz_text {
          font-size: 32rpx;
          font-weight: 500;
          color: #333333;
          overflow: hidden;
          word-wrap: break-word;
          word-break: break-all;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
        }
        .circle_center_wz_img {
          margin-top: 20rpx;
          .circle_center_wz_imgss {
            width: 630rpx;
            height: 290rpx;
            // border-radius: 18rpx;
          }
          .circle_center_wz_imgss_d {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            // justify-content: space-between;
            .image {
              width: 200rpx;
              height: 200rpx;
              /* margin-right: 10rpx; */
              border-radius: 10rpx;
              margin-right: 8rpx;
              margin-bottom: 10rpx;
            }
          }
          .circle_center_wz_imgss_ds {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            .image {
              width: 200rpx;
              height: 200rpx;
              margin-right: 10rpx;
              border-radius: 10rpx;
              margin-bottom: 10rpx;
            }
          }
          .circle_center_wz_img_vid {
            /* max-width: 630rpx; */
            /* max-height: 290rpx; */
            position: relative;
            display: inline-block;
            image {
              max-width: 550rpx;
            }
            .images {
              width: 74rpx;
              height: 74rpx;
              position: absolute;
              left: 50%;
              top: 50%;
              transform: translate(-50%, -50%);
              max-width: 550rpx;
            }
          }
        }
      }
      .circle_bottom {
        margin-top: 30rpx;
        margin-left: 30rpx;
        margin-right: 20rpx;
        margin-bottom: 30rpx;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .circle_left {
          font-size: 24rpx;
          font-weight: 400;
          color: #333333;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: unset;
        }
        .circle_right {
          display: flex;
          align-items: center;
          .circle_right_item {
            display: flex;
            align-items: center;
            margin-right: 20rpx;
            height: 37rpx;
            color: #64b6a8;
            .image2 {
              width: 32rpx;
              height: 30rpx;
              margin-right: 4rpx;
            }
            .image3 {
              width: 32rpx;
              height: 30rpx;
              margin-right: 4rpx;
            }
            .image4 {
              width: 34rpx;
              height: 34rpx;
              margin-right: 4rpx;
            }
          }
        }
      }
    }
  }
  .list_2 {
    // margin-top: 32rpx;
    margin-left: 30rpx;
    margin-right: 30rpx;
    width: 690rpx;
    .image1 {
      width: 40rpx;
      height: 40rpx;
    }
    .tit {
      color: #333333;
      font-size: 36rpx;
      margin-bottom: 24rpx;
    }

    .li {
      width: 100%;
      padding-top: 18rpx;
      border-bottom: 1px solid #e0e0e0;
      // margin-left: 30rpx;
      .bgimage {
        width: 300rpx;
        height: 200rpx;
      }

      .li_1 {
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin-left: 24rpx;

        .tit {
          width: 366rpx;
          font-size: 34rpx;
          font-weight: 600;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 1; //想要的行数
          -webkit-box-orient: vertical;
        }

        .jiedao {
          width: 366rpx;
          height: 68rpx;
          font-size: 24rpx;
          margin-bottom: 14rpx;
          color: #666666;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2; //想要的行数
          -webkit-box-orient: vertical;
        }

        .shijian {
          bottom: 4rpx;
          font-size: 26rpx;
        }
      }
      .li_fw {
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin-left: 24rpx;
        .servicesAvailable {
          font-size: 32rpx;
          font-weight: 500;
          color: #64b6a8;
          margin-bottom: 20rpx;
        }
        .serviceContent {
          font-size: 24rpx;
          font-weight: 400;
          color: #333333;
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
          overflow: hidden;
        }
      }
      .li_cy {
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin-left: 24rpx;
        .li_cy_title {
          font-size: 36rpx;
          line-height: 44rpx;
          font-weight: 550;
          color: #333333;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2; //想要的行数
          -webkit-box-orient: vertical;
          .tagLabel {
            vertical-align: top;
            background: #64b6a8;
            color: #fff;
            font-size: 24rpx;
            text-align: center;
            width: 106rpx;
            margin-right: 10rpx;
            padding: 4rpx 6rpx;
            border-radius: 4rpx;
          }
        }
        .li_cy_address {
          font-size: 24rpx;
          font-weight: 400;
          color: #333333;
          margin-top: 36rpx;
        }
        .li_cy_gz {
          display: flex;
          align-items: center;
          justify-content: flex-end;
          .li_cy_gz_img {
            width: 44rpx;
            height: 44rpx;
          }
          .li_cy_gz_span {
            font-size: 26rpx;
            font-weight: 400;
            color: #333333;
          }
        }
        .li_cy_price {
          font-size: 28rpx;
          font-weight: 550;
          color: #e00000;
          margin-top: 36rpx;
        }
        .li_cy_time {
          font-size: 22rpx;
          font-weight: 400;
          color: #999999;
          text-align: right;
        }
      }
    }

    .li:last-child {
      border-bottom: 0rpx solid #e0e0e0;
    }
  }

  .mingpian {
    position: relative;
    width: 690rpx;
    height: 200rpx;
    background: #ffffff;
    box-shadow: 0px 0px 6rpx rgba(0, 0, 0, 0.16);
    border-radius: 18rpx;
    margin-top: 30rpx;
    // margin-left: 30rpx;

    .name {
      position: absolute;
      top: 50rpx;
      left: 174rpx;
      font-size: 36rpx;
      max-width: 300rpx;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }

    .img1 {
      position: absolute;
      top: 44rpx;
      left: 30rpx;
      width: 120rpx;
      height: 120rpx;
      border-radius: 50%;
    }

    .img2 {
      position: absolute;
      top: 132rpx;
      left: 40rpx;
      width: 100rpx;
      height: 36rpx;
      background: url('https://pic.bangbangtongcheng.com/static/name.png');
      background-size: 100% 100%;
      font-size: 20rpx;
      color: #fff;
      text-align: center;
      line-height: 36rpx;
    }

    .zhiwei {
      position: absolute;
      top: 132rpx;
      left: 54rpx;
      font-size: 20rpx;
      color: #fff;
    }

    .xin {
      position: absolute;
      top: 112rpx;
      left: 170rpx;

      .img3 {
        width: 40rpx;
        height: 40rpx;
      }
    }

    .img4 {
      position: absolute;
      width: 54rpx;
      height: 54rpx;
      top: 50rpx;
      left: 500rpx;
    }

    .img5 {
      position: absolute;
      width: 54rpx;
      height: 54rpx;
      top: 50rpx;
      left: 560rpx;
    }
    .mingpian_right_bottom {
      position: absolute;
      top: 120rpx;
      left: 500rpx;
      display: flex;
      align-items: center;
      .mingpian_right_bottom_img {
        width: 60rpx;
        height: 60rpx;
      }
      .mingpian_right_bottom_span {
        font-size: 26rpx;
        font-weight: 400;
        color: #333333;
      }
    }
  }
  .dpTab {
    height: 100rpx;
    display: flex;
    align-items: center;
    margin: 0 30rpx;
    .dpTab_item {
      height: 100%;
      padding-top: 10rpx;
      position: relative;
      font-size: 30rpx;
      font-weight: 400;
      color: #999999;
      margin-right: 40rpx;
      .dpTab_item_img {
        width: 52rpx;
        height: 24rpx !important;
        position: absolute;
        bottom: 24rpx;
        left: 50%;
        transform: translate(-50%);
      }
    }
    .dpTab_item_cur {
      font-size: 30rpx;
      font-weight: 600;
      color: #64b6a8;
    }
  }
  .list_3 {
    // margin-top: 35rpx;
    margin-left: 30rpx;
    margin-right: 30rpx;
    width: 690rpx;

    .li {
      width: 100%;
      height: 200rpx;
      margin-bottom: 24rpx;
      border-bottom: 1px solid #e0e0e0;

      image {
        background-color: #f8f8f8;

        width: 300rpx;
        height: 200rpx;
      }

      .li_1 {
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin-left: 24rpx;
        height: 200rpx;

        .tit {
          width: 366rpx;
          font-size: 34rpx;
          font-weight: 600;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2; //想要的行数
          -webkit-box-orient: vertical;
        }

        .shijian1 {
          position: absolute;
          bottom: 44rpx;
          font-size: 26rpx;
        }

        .shijian {
          position: absolute;
          bottom: 4rpx;
          font-size: 26rpx;
        }
      }
    }
  }

  .lsjl {
    display: flex;
    align-items: center;
    margin-bottom: 8rpx;
    margin-left: 24rpx;
    .view {
      display: flex;
      flex-direction: column;
      align-items: center;
      font-size: 28rpx;
      font-weight: 400;
      color: #999999;
      margin-right: 40rpx;
      .dpTab_item_img {
        width: 50rpx;
        height: 24rpx;
      }
    }

    .cur {
      font-size: 28rpx;
      font-weight: 550;
      color: #64b6a8;
    }
  }
  .lsjl2 {
    display: flex;
    align-items: center;
    margin: 0rpx;
    border-radius: 30rpx 30rpx 0 0;
    height: 106rpx;
    justify-content: space-around;
    .view {
      padding: 8rpx 16rpx;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 28rpx;
      font-weight: 500;
      color: #999999;
      border-radius: 18rpx;
      border: 1px solid #999999;
    }
    .cur {
      font-size: 28rpx;
      color: #54a396;
      background-color: #e0f0ee;
    }
  }
  .fuTab {
    width: 100%;
    height: 100rpx;
    display: flex;
    align-items: center;
    .fuTab_item {
      flex: 1;
      height: 100%;
      font-size: 30rpx;
      font-weight: 400;
      color: #333333;
      border-bottom: 1px solid #e0e0e0;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #e0f0ee;
    }
    .fuTab_item_cur {
      font-size: 34rpx;
      font-weight: 600;
      color: #54a396;
      background-color: #fff;
    }
  }
  .none {
    text-align: center;

    image {
      width: 230rpx;
      margin-bottom: 16rpx;
    }

    view {
      height: 40rpx;
      line-height: 40rpx;
      color: #666;
    }
  }
</style>
